<template>
	<!-- 贴子详情页面(新版) -->
	<view class="main">
		<!-- 顶部显示 -->
		<view class="roof">
			<view class="left" @click="handleTui">
				<image src="../../images/circle/zuojiantou.png" mode="aspectFill"></image>
			</view>
			<view class="center">
				<!-- <img v-if="tieziData.orgUrl" :src="tieziData.orgUrl"></img>
		<img v-else src="../../images/circle/photo.png"></img> -->
				<text>{{ tieziData.orgName }}</text>
			</view>
			<image class="sandian" src="../../images/circle/nav_sandian.png" mode="aspectFill" @click="handleLookZhe"></image>
			<!-- <view class="right" @click="handleLookZhe">...</view> -->
		</view>
		<!-- 帖子内容 -->
		<view class="content">
			<!-- 列表显示(关注 探索) -->
			<view class="itemList">
				<!-- 顶部信息 -->
				<view class="top">
					<view class="left">
						<view class="one" @tap="toCard(tieziData.createUid)" style="position: relative;">
							<img :src="tieziData.avatarUrl"></img>
							<image v-if="tieziData.verified" style="width: 36rpx;height: 36rpx;position: absolute;right: -6rpx;bottom: -6rpx;" src="../../images/circle/v.png" mode="aspectFill"></image>
						</view>
						<!-- 进帖子详情 -->
						<view class="two">
							<view class="top1">
								<text class="name">{{ tieziData.userName }}</text>
							</view>
							<view class="bottom1">
								<text class="time">{{ tieziData.showDate }}</text>
								<text class="company">{{ tieziData.company }}</text>
								<text class="post">{{ tieziData.post }}</text>
							</view>
						</view>
					</view>
					<view class="right">
						<image v-if="tieziData.isTop == 1" src="../../imges/zhiding.png" mode="aspectFill" class="zhiding"></image>
						<image v-if="tieziData.isEssences == 1" src="../../imges/jing.png" mode="aspectFill" class="jinghua"></image>
					</view>
				</view>
				<!-- 中间内容 及图片 -->
				<!-- 进贴子详情 -->
				<view class="text_" v-html="content"></view>
				<!-- 图片显示 -->
				<view class="imgs" v-if="zongLength > 0">
					<video v-if="videos.length > 0 " class="myVideo" style="'margin-top: 20rpx;" :src="videos[0].fileUrl" enable-danmu
					 object-fit="cover" controls :poster="videos[0].firstUrl" :duration="videos[0].videoTime"></video>
					<!-- 多张照片 -->
					<view class="moreimg">
						<image v-if="imgLength > 1" v-for="(item, index) in imgs" :key="index" :src="item.fileUrl" mode="aspectFill" @tap="imgsDa(imgs, index)"></image>
					</view>

					<!-- 一张或者一个视频 -->
					<image v-if="imgLength == 1" class="myImage" :src="imgs[0].fileUrl" mode="widthFix"></image>
					<!-- @tap="imgsDa(imgs, 0)" -->
				</view>
				
				<!-- 活动安卓显示 -->
				<view class="active" v-if="activity && openApp.iswx == 'wx' && openApp.phone == 'Android'" :style="goods?{'margin-bottom': '20rpx'}:''">
					<view class="act_left">
						<image :src="tieziData.act.actPoster" mode="aspectFill"></image>
						<view class="text">
							<view class="title">{{tieziData.act.topic}}</view>
							<view class="time">{{tieziData.act.actStartTime.substring(5,7) + '月' + tieziData.act.actStartTime.substring(8,10) + '日' + ' ' +  tieziData.act.actStartTime.substring(11,16)}}</view>
						</view>
					</view>
					<view class="act_right">
						<view class="gang"></view>
						<view class="join">去参加</view>
					</view>
					<view class="anzhuo">
						<wx-open-launch-app id="launch-btn" appid="wx8737e94836340f56" @error="openApp.handleErrorFn" @launch="openApp.handleLaunchFn"
									 :extinfo="activeExtinfoid">
										<script type="text/wxtag-template">
											<style>
						               .join1 {
						            display: block;
									width: 339px;
						            height: 58px;
						                  }
						                    </style>
						                   <view class="join1"></view>
						</script>
									</wx-open-launch-app>
					</view>
				</view>
				<!-- 活动ios显示 -->
				<view class="active" v-if="activity && openApp.phone == 'ios'" @tap="handleBtn('active')" :style="goods?{'margin-bottom': '20rpx'}:''">
					<!-- <view class="card">
						<image class="datu" :src="tieziData.act.actPoster" mode="aspectFill"></image>
					</view>
					<view class="content">
						<view class="text">
							<view class="title">
								{{ tieziData.act.topic }}
							</view>
							<view class="message">
								<text class="time">{{ tieziData.act.actStartTime }}</text>
								<text>{{ tieziData.act.actAddress }}</text>
							</view>
						</view>
						<view class="join" @tap="handleBtn('active')" v-if="openApp.phone == 'ios'">
							去参加
						</view>
						<view class="join" v-if="openApp.iswx == 'wx' && openApp.phone == 'Android'">
							<wx-open-launch-app id="launch-btn" appid="wx8737e94836340f56" @error="openApp.handleErrorFn" @launch="openApp.handleLaunchFn"
							 :extinfo="activeExtinfoid">
								<script type="text/wxtag-template">
									<style>
                               .join1 {
                            display: block;
							width: 77px;
                            height: 32px;
							text-align: center;
                            line-height: 32px;
                                        font-family: PingFang-SC-Medium;
                                        font-size: 14px;
                                        color: #ffffff;
                                      }
                                    </style>
                                   <view class="join1" > 去参加 </view>
                </script>
							</wx-open-launch-app>
						</view>
					</view> -->
					<view class="act_left">
						<image :src="tieziData.act.actPoster" mode="aspectFill"></image>
						<view class="text">
							<view class="title">{{tieziData.act.topic}}</view>
							<view class="time">{{tieziData.act.actStartTime.substring(5,7) + '月' + tieziData.act.actStartTime.substring(8,10) + '日' + ' ' +  tieziData.act.actStartTime.substring(11,16)}}</view>
						</view>
					</view>
					<view class="act_right">
						<view class="gang"></view>
						<view class="join">去参加</view>
					</view>
				</view>

				<!-- 商品显示 -->
				<view class="goods" v-if="
            (goods && openApp.phone == 'ios') ||
            (goods && tieziData.isSelf == 0)
          "
				 @tap="goumai">
					<!-- <view class="card">
						<image class="datu" :src="tieziData.goodsInfo.goodsImg" mode="aspectFill"></image>
						<view class="text">
							<view class="title">
								{{ tieziData.goodsInfo.goodsName }}
							</view>
							<view class="message">
								{{ tieziData.goodsInfo.goodsBrief }}
							</view>
							<view class="price">
								<view class="jiage">
									<text>￥{{ tieziData.goodsInfo.presentPrice }}</text>
									<s v-if="tieziData.goodsInfo.price">{{
                    tieziData.goodsInfo.price
                      ? "￥" + tieziData.goodsInfo.price
                      : ""
                  }}</s>
								</view>
								<view class="buy">
									{{ tieziData.isSelf == 1 ? "查看商品订单" : "去购买" }}
								</view>
							</view>
						</view>
					</view> -->
					<view class="shop_left">
						<image :src="tieziData.goodsInfo.goodsImg" mode="aspectFill"></image>
						<view class="text">
							<view class="title">{{tieziData.goodsInfo.goodsName}}</view>
							<view class="jiage">
								<text class="xianjia">￥{{tieziData.goodsInfo.presentPrice}}</text>
								<del v-if="tieziData.goodsInfo.price != 0">￥{{tieziData.goodsInfo.price}}</del>
							</view>
						</view>
					</view>
					<view class="shop_right">
						<view class="gang"></view>
						<view class="buy">{{ tieziData.isSelf == 1 ? "查看商品订单" : "去购买" }}</view>
					</view>
				</view>
				<!-- 商品显示 -->
				<view class="goods" v-if="
            goods &&
            openApp.iswx == 'wx' &&
            openApp.phone == 'Android' &&
            tieziData.isSelf == 1
          ">
					<view class="shop_left">
						<image :src="tieziData.goodsInfo.goodsImg" mode="aspectFill"></image>
						<view class="text">
							<view class="title">{{tieziData.goodsInfo.goodsName}}</view>
							<view class="jiage">
								<text class="xianjia">￥{{tieziData.goodsInfo.presentPrice}}</text>
								<del v-if="tieziData.goodsInfo.price != 0">￥{{tieziData.goodsInfo.price}}</del>
							</view>
						</view>
					</view>
					<view class="shop_right">
						<view class="gang"></view>
						<view class="buy">{{ tieziData.isSelf == 1 ? "查看商品订单" : "去购买" }}</view>
					</view>
					<view class="anzhuo">
						<wx-open-launch-app id="launch-btn" appid="wx8737e94836340f56" @error="openApp.handleErrorFn" @launch="openApp.handleLaunchFn"
										 :extinfo="extinfoid">
											<script type="text/wxtag-template">
												<style>
						                        .buy1 {
						             display: block;
									 width: 339px;
						             height: 58px;
						             
						                                        }
						                                   </style>
						                                   <view class="buy1"></view>
						</script>
										</wx-open-launch-app>
					</view>
					<!-- <view class="card">
						<image class="datu" :src="tieziData.goodsInfo.goodsImg" mode="aspectFill"></image>
						<view class="text">
							<view class="title">
								{{ tieziData.goodsInfo.goodsName }}
							</view>
							<view class="message">
								{{ tieziData.goodsInfo.goodsBrief }}
							</view>
							<view class="price">
								<view class="jiage">
									<text>￥{{ tieziData.goodsInfo.presentPrice }}</text>
									<s v-if="tieziData.goodsInfo.price">{{
                    tieziData.goodsInfo.price
                      ? "￥" + tieziData.goodsInfo.price
                      : ""
                  }}</s>
								</view>
								<view class="buy">
									<wx-open-launch-app id="launch-btn" appid="wx8737e94836340f56" @error="openApp.handleErrorFn" @launch="openApp.handleLaunchFn"
									 :extinfo="extinfoid">
										<script type="text/wxtag-template">
											<style>
                                            .buy1 {
                                 display: block;
                                 height: 32px;
                                 line-height: 32px;
                                 font-family: PingFang-SC-Medium;
                                 font-size: 14px;
                                 color: #ffffff;
                                                            }
                                                       </style>
                                                       <view class="buy1">查看商品订单</view>
                    </script>
									</wx-open-launch-app>
								</view>
							</view>
						</view>
					</view> -->
				</view>

				<!-- 文档 -->
				<view class="wd">
					<view class="text_file" v-for="(item, index) in fileReturn(tieziData.imgCollection)" @tap="openFile(item.fileUrl)"
					 :style="index == 0 ? { 'margin-top': '20rpx' } : ''">
						<image src="../../images/circle/file.png" mode="aspectFill"></image>
						<text>{{ item.fileName }}</text>
					</view>
				</view>

				<view class="lhzheZhao" @tap="queRen" v-if="is_Block">
					<view class="modal">
						<view class="header">提示</view>
						<view class="text">你已被该圈子拉黑，暂无法查看任何内容!</view>
						<view class="btn_">
							<view class="left" @tap.stop="queRen">确认</view>
						</view>
					</view>
				</view>

				<!-- 赞赏及赞赏列表入口 -->
				<navigator :url="
            '/pages/index/appreciateAuthor?id=' +
            id +
            '&name=' +
            tieziData.userName +
            '&url=' +
            tieziData.avatarUrl +
            '&company=' +
            tieziData.company
          "
				 hover-class="none" v-if="tieziData.isReward == 1">
					<view class="reward">赞赏</view>
				</navigator>

				<navigator :url="
            '/pages/index/appreciateList?id=' +
            tieziData.id +
            '&num=' +
            tieziData.rewardCount +
            '&name=' +
            tieziData.userName +
            '&url=' +
            tieziData.avatarUrl +
            '&company=' +
            tieziData.company
          "
				 hover-class="none" class="rewardList" v-if="tieziData.isReward == 1">
					<text v-if="tieziData.rewardCount != 0">已有{{ tieziData.rewardCount }}人赞赏</text>
					<image v-if="tieziData.rewardCount != 0" src="../../imges/you.png" mode="aspectFill"></image>
				</navigator>
				<view class="shangji" style="" v-if="tieziData.businessTypeStr">
					<text>{{tieziData.businessTypeStr}}</text>
					<text style="margin-left: 20rpx;">{{tieziData.businessIndustry}}</text>
				</view>
				<!-- 加入或进入圈子 -->
				<view class="quan_jia" @tap="goQz()">
					<view class="left">
						<image v-if="tieziData.orgUrl" :src="tieziData.orgUrl" mode="aspectFill"></image>
						<image v-else src="../../images/circle/photo.png" mode="aspectFill"></image>
						<view class="center">
							<view class="one">{{ tieziData.orgName }}</view>
							<view class="bot">
								<view class="two">微帖&nbsp;{{ tieziData.postCount }}</view>
								<view class="two">成员&nbsp;{{ tieziData.userCount }}</view>
							</view>
						</view>
					</view>
					<view class="right">
						<image src="../../images/circle/youjiantou.png" mode="aspectFill"></image>
					</view>
				</view>

				<view class="wx_pyq">
					<view class="pl">
						<image src="../../images/circle/tz_pl.png" mode="aspectFill" @tap="clickPinlun()"></image>
						<text v-if="tieziData.commentsCount != 0">{{
              tieziData.commentsCount
            }}</text>
						<text v-else>评论</text>
					</view>
					<view class="dz">
						<image v-show="tieziData.isThumbs == 0" @tap="handleLike(tieziData.id, 0, 0)" src="../../images/circle/tz_dz.png"
						 mode="aspectFill"></image>
						<image v-show="tieziData.isThumbs == 1" src="../../images/circle/tz_zh.png" @tap="handleLike(tieziData.id, 1, 0)"
						 mode="aspectFill"></image>
						<text :class="[tieziData.isThumbs == 1?'dzactive': '']" v-if="tieziData.thumbsCount != 0">{{
              tieziData.thumbsCount
            }}</text>
						<text v-else>赞</text>
					</view>
					<view class="pyq" @tap="lookFX_mask">
						<image src="../../images/circle/pyq.png" mode="aspectFill"></image>
						<text>朋友圈</text>
					</view>
					<view class="wx" @tap="lookFX_mask">
						<image src="../../images/circle/wx.png" mode="aspectFill"></image>
						<text>微信</text>
					</view>
					<view class="yinying"></view>
				</view>

				<!-- 全部评论 -->
				<view class="all_commt">
					<!-- <view class="title">{{
            plList.length > 0 ? "全部评论" : "暂无评论"
          }}</view> -->
					<view class="tab">
						<view :class="if_pinglun ? 'active1' : 'pl'" @tap="qiehuan1()">
							<text>评论</text>
							<!-- <view class="pls" v-if="tieziData.commentsCount != 0">{{ tieziData.commentsCount }}</view> -->
						</view>
						<view :class="if_zan ? 'active1' : 'zan'" @tap="qiehuan2()">
							<text class="zanzan">赞</text>
							<!-- <view class="zans" v-if="tieziData.thumbsCount != 0">{{ tieziData.thumbsCount }}</view> -->
						</view>
					</view>
					<!-- 评论展示 -->
					<view v-if="if_pinglun" style="margin-top: 36rpx;">
						<view class="item" v-for="(item1, index) in plList" :key="index" style="margin-bottom: 49rpx;">
							<view class="left" @tap="toCard(item1.createUid)" style="position: relative;">
								<image :src="item1.avatarUrl" mode="aspectFill"></image>
								<image v-if="item1.verified" style="width: 36rpx;height: 36rpx;position: absolute;right: -6rpx;bottom: -6rpx;" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							<view class="right">
								<view class="one">{{ item1.realName }}</view>
								<view @tap="todetail(index)">
									<view class="two">{{ item1.content }}</view>
									<view class="imgs">
										<image :src="img" v-for="(img, index) in item1.picturesUrl" @tap.stop="pinlunImgDa(item1.picturesUrl, index)"
										 mode="aspectFill" :key="index"></image>
									</view>

									<view class="time">
										<view class="hour">
											{{ item1.createTime }}
											<!-- <text>.</text> -->
										</view>
										<view class="huifu">回复</view>
									</view>
									<!-- 评论列表 -->
									<view class="commit_list" v-if="item1.list.length > 0">
										<view class="item" v-for="(item2, index) in myfilter(item1)" :key="index">
											<text>{{ item2.realName }}</text>
											<text>回复 {{ item2.parentName }}</text>
											：
											<text class="content">{{ item2.content }}</text>
										</view>
										<view class="footer" v-if="item1.list.length > 2">
											查看全部{{ item1.list.length }}条评论及回复
											<text>></text>
										</view>
									</view>
								</view>
							</view>
							<view class="shanchu" v-if="item1.isCreated == 1 || tieziData.isSelf == 1" @tap="pinlunShanchu(item1.messageId, item1.id)">
								<image src="../../imges/shanchu6.png" mode="aspectFill"></image>
							</view>
						</view>
					</view>
					<!-- 无评论 -->
					<view class="wu_pinglun" v-if="if_pinglun && plList.length < 1" @tap="xiepinlun">
						暂无评论，点击抢沙发
					</view>
					<!-- 赞列表展示 -->
					<view class="zanlist" v-if="if_zan">
						<view class="zanRen" v-for="(item, index) in renList" :key="index">
							<navigator class="zan-left" :url="'/pages/index/personal?id=' + item.userId" hover-class="none">
								<!-- <image :src="item.avatarUrl" mode="aspectFill"></image> -->
								<view style="position: relative;">
									<image :src="item.avatarUrl" mode="aspectFill"></image>
									<image v-if="item.verified" style="width: 32rpx;height: 32rpx;position: absolute;right: -4rpx;bottom: -4rpx;" src="../../images/circle/v.png" mode="aspectFill"></image>
								</view>
								<view class="center">
									<view class="name">{{ item.realName }}</view>
									<view class="company">{{ item.company }}</view>
								</view>
							</navigator>
							<!-- <view class="zan-right">
                <text>发帖</text>
                <text style="margin-left: 16rpx">{{ item.postCount }}</text>
              </view> -->
						</view>
					</view>
					<!-- 无点赞 -->
					<view class="wu_pinglun" v-if="if_zan && renList.length < 1" @tap="handleLike(tieziData.id, 0, 0)">
						暂无点赞，点击抢沙发
					</view>
				</view>
			</view>
		</view>
		<!-- 帖子操作圈子模块 -->
		<view class="zhe" v-if="zhe_zhao" @click="handleCloseZhe">
			<view class="child">
				<view class="jiao"></view>
				<view class="one" @tap="lookFX_mask">分享</view>
				<navigator :url="'/pages/post/report?type=13&id=' + tieziData.id" v-if="tieziData.isAdmin == 0 || tieziData.isSelf == 0"
				 class="one" hover-class="none">
					举报
				</navigator>

				<navigator :url="'/pages/post/newEditor?id=' + tieziData.id" v-if="tieziData.isSelf == 1" class="one" hover-class="none">编辑</navigator>

				<view class="one" v-if="tieziData.isAdmin == 1 || tieziData.isSelf == 1" @tap="handleDelete">删除</view>
			</view>
		</view>

		<!-- 底部固定 -->
		<view class="fixation" v-if="is_qzcy === 1">
			<view @tap="xiepinlun" class="one">
				<image src="../../imges/fatie.png" mode="aspectFill"></image>
				<text>写评论...</text>
			</view>
			<view class="four">
				<image src="../../images/circle/tz_pl.png" @tap="clickPinlun()" mode="aspectFill"></image>
				<text v-if="tieziData.commentsCount != 0">{{
          tieziData.commentsCount
        }}</text>
			</view>
			<view class="two">
				<image v-show="tieziData.isThumbs == 1" @tap="handleLike(tieziData.id, 1, 0)" src="../../images/circle/tz_zh.png"
				 mode="aspectFill"></image>
				<image v-show="tieziData.isThumbs == 0" @tap="handleLike(tieziData.id, 0, 0)" src="../../images/circle/tz_dz.png"
				 mode="aspectFill"></image>
				<text :style="tieziData.isThumbs == 1?{'color': '#db361f'}:''" v-if="tieziData.thumbsCount != 0">{{
          tieziData.thumbsCount
        }}</text>
			</view>
			<image src="../../images/circle/tz_fx.png" style="width: 48rpx; height: 48rpx; margin-left: 32rpx" mode="aspectFill"
			 @tap="lookFX_mask"></image>
			<!-- <view class="three" @tap="lookFX_mask">分享</view> -->
		</view>

		<!-- 非圈子成员底部固定 -->
		<view class="fixation" v-if="is_qzcy === 0" @tap="goQz()">
			<view class="more">查看更多</view>
		</view>

		<view class="mask_" v-if="FX_mask" @tap="closeFX_mask">
			<image src="../../imges/tieziFS.png" mode="aspectFill"></image>
		</view>

		<!-- 分享提示弹窗 -->
		<view class="fenxiang_"  @tap="closeShare" v-if="isFen">
			<view class="footer_content">
				<view class="item_" @tap="linkShare">
					<image src="../../images/aliang/weixin_q.png" mode="widthFix"></image>
					<text>朋友圈</text>
				</view>
				<view class="item_ item_imgShare" @tap="photoShare()">
					<image src="../../images/aliang/shareTu.png" mode="widthFix"></image>
					<text>图片分享</text>
				</view>
				<view class="item_" @tap="linkShare">
					<image src="../../images/aliang/weixin_.png" mode="widthFix"></image>
					<text>微信好友</text>
				</view>
			</view>
		</view>
		<!-- 链接分享弹窗 -->
		<view class="fenxiang_" @tap="closeLinkShare" v-if="isLinkShare">
			<view class="content_">
				<view class="left_">
					<view class="one_">请点击右上角按钮“···”</view>
					<view class="two_">发送给好友，分享到朋友圈</view>
				</view>
				<view class="right_">
					<image src="../../images/aliang/fenxiang.png" mode="aspectFill"></image>
				</view>
			</view>
		</view>

		<!-- 弹层海报 -->
		<view class="haibaozhezhao" v-show="show_haibao" :style="{ overflow: base64 ? 'auto' : 'hidden' }">
			<view class="popup">
				<view id="poster" class="haibao">
					<view v-if="!base64" style="background: #0f6ede;padding: 0 22rpx 42rpx 22rpx;box-sizing: border-box;">
						<view class="header">
							<img :src="tieziData.orgUrl" />
							<text>{{tieziData.orgName}}</text>
						</view>
						<view class="type">
							<img src="../../images/circle/hd.png" v-show="activity"/>
							<img src="../../images/circle/sp.png" v-show="goods && !activity"/>
							<img src="../../images/circle/sj.png" v-show="tieziData.businessTypeStr && !goods && !activity"/>
							<img src="../../images/circle/wj.png" v-show="filehaibaoReturn(tieziData.imgCollection) && !tieziData.businessTypeStr && !goods && !activity"/>
							<img src="../../images/circle/wt.png" v-show="!filehaibaoReturn(tieziData.imgCollection) && !tieziData.businessTypeStr && !goods && !activity"/>
						</view>
						<view class="content">
							<view class="content_top">
								<img :src="tieziData.avatarUrl" />
								<view class="right">
									<text class="name">{{tieziData.userName}}</text>
									<text class="time">{{timeReturn()}}</text>
								</view>
							</view>
							<view class="text">
								{{contentNew}}
							</view>
							<!-- 微贴 -->
							<view class="weitie">
								<!-- 多张照片 -->
								<view class="moreImg" v-if="imgLength > 1 && videos.length == 0" v-for="(item, index) in imgs" :key="index">
									<img :src="item.fileUrl"/>
								</view>
								<!-- 一张图 -->
								<img v-if="imgLength == 1 && videos.length == 0" id="img" class="oneImage" :src="imgs[0].fileUrl"/>
								<!-- 视频 -->
								<view class="video" v-if="videos.length > 0">
									<image :src="videos[0].firstUrl" mode="aspectFill"></image>
									<img class="bofang" src="../../images/circle/video.png"/>
								<!-- 	<img :src="videos[0].firstUrl" mode="aspectFill"/> -->
								</view>
							</view>
							<!-- 活动 -->
							<view class="active2" v-if="activity" style="margin-bottom: 20rpx;">
								<view class="left">
									<img :src="tieziData.act.actPoster" />
									<view class="huodong">
										<text class="title">{{tieziData.act.topic.slice(0,10) + '...'}}</text>
										<text class="time">{{tieziData.act.actStartTime.substring(5,7) + '月' + tieziData.act.actStartTime.substring(8,10) + '日' + ' ' +  tieziData.act.actStartTime.substring(11,16)}}</text>
									</view>
								</view>
								<view class="right">
									<view class="gang"></view>
									<text>去参加</text>
								</view>
							</view>
							<!-- 商品 -->
							<view class="shop" v-if="goods && !activity" style="margin-bottom: 20rpx;">
								<view class="left">
									<img :src="tieziData.goodsInfo.goodsImg" />
									<view class="shangpin">
										<text class="title">{{tieziData.goodsInfo.goodsName}}</text>
										<text class="jiage">￥{{tieziData.goodsInfo.presentPrice}} <del v-if="tieziData.goodsInfo.price != 0" style="font-size: 24rpx;color: #999999;margin-left: 14rpx;">￥{{tieziData.goodsInfo.price}}</del></text>
									</view>
								</view>
								<view class="right">
									<view class="gang"></view>
									<text>去购买</text>
								</view>
							</view>
							<!-- 文件 -->
							<view class="wj" v-for="data in fileReturn(tieziData.imgCollection)">
								<view class="left">
									<img src="../../images/circle/file.png" />
									<view class="name">
										{{data.fileName.length > 36 ? data.fileName.substring(0,36) + '...' : data.fileName}}
									</view>
								</view>
							</view>
							<!-- 商机 -->
							<view class="sj" v-if="tieziData.businessTypeStr && !goods && !activity">
								<text class="sj1">{{tieziData.businessTypeStr}}</text>
								<text>{{tieziData.businessIndustry}}</text>
							</view>
						</view>
						<img class="ewm" :src="tieziData.imageUrl" />
						<view class="bottom">
							<view>
								  长按识别二维码查看原文
							</view>                          
							<view class="bottom_">
								一起来往APP/公众号：万商由人 商会领聚
							</view>
						</view>
					</view>
					<img :src="base64" :style="{width: viewWidth + 'px',height: viewHeight + 'px'}" v-if="base64" />
				</view>
				<img class="gb" @tap="closePoster()" src="../../images/circle/haibao_cloce.png" />
			</view>
			<view class="btn">
				长按海报，发送给朋友或保存图片
			</view>
		</view>
	</view>
</template>
<script>
import request from "../../utils/request.js";
import "../../utils/toApp.js";
var jweixin = require("jweixin-module"); //配置
import uniLink from "@/module/uni-link/uni-link.vue";
import html2canvas from "html2canvas";
export default {
  data() {
    return {
      dangqianId: "",
      show_haibao: false,
      base64: "",
      is_qzcy: 3,
      isFen: false,
      isLinkShare: false,
      stopShare: true,
      is_Block: false,
      is_mask: false,
      zhe_zhao: false, //帖子操作
      FX_mask: false,
      activity: false,
      goods: false,
      imgs: [], //照片数组
      videos: [], //视频数组
      pinglunNum: 0,
      zanNum: 0,
      id: "",
      prompt: "",
      tieziData: {},
      dianzanPhoto: [],
      qzDataList: {},
      imgLength: "",
      zongLength: "",
      isShare: "", //是否分享
      plList: [],
      encryptUserId: "", //用户标识（自己）
      extinfoid: "",
      activeExtinfoid: "",
      content: "",
      renList: [],
      total: "",
      if_pinglun: true,
      if_zan: false,
      pageSize: 10,
      bottom: false,
      noMore: false,
      noMoreData: false,
      pageSize1: 10,
      bottom1: false,
      noMore1: false,
      noMoreData1: false,
      shareContent: "",
      viewWidth: "",
      viewHeight: "",
      is_shengcheng: false,
      contentNew: "",
    };
  },
  computed: {
    myfilter() {
      return function (item) {
        return item.list.slice(0, 2);
      };
    },
    wendangBack() {
      return function (item) {
        if (item.length > 20) {
          let str1 = item.substr(0, 14);
          let str2 = item.substr(-6, 6);
          return str1 + "..." + str2;
        } else {
          return item;
        }
      };
    },
    setContent() {
      return function (data) {
        this.content = data.replace(/\n/g, "<br/>");
        return data.replace(/\n/g, "<br/>");
      };
    },
    actReturn() {
      return function (value) {
        return (
          value.substring(5, 7) +
          "月" +
          value.substring(8, 10) +
          "日" +
          " " +
          value.substring(11, 16)
        );
      };
    },
    timeReturn() {
      return function () {
        if (this.tieziData.createTime) {
          return this.tieziData.createTime.substring(0, 16);
        } else {
          return "";
        }
      };
    },
    fileReturn() {
      return function (value) {
        let arr = [];
        if (value) {
          value.forEach((v) => {
            if (v.fileType == 2) {
              arr.push(v);
            }
          });
        } else {
          return value;
        }

        return arr;
      };
    },
    filehaibaoReturn() {
      return function (value) {
        let arr = [];
        if (value) {
          value.forEach((v) => {
            if (v.fileType == 2) {
              arr.push(v);
            }
          });
        } else {
          return value;
        }
        if (arr.length > 0) {
          return true;
        } else {
          return false;
        }
      };
    },
  },
  onShow() {
    this.base64 = "";
    this.bottom = false;
    this.bottom1 = false;
    this.show_haibao = false;
    let token = uni.getStorageSync("token");
    if (token) {
      this.tieziDetail(this.id);
      this.pinlunList();
      this.handleList();
      // this.handleShare();
    }
    if (this.isShare == 1 && !token) {
      this.is_qzcy = 0;
      this.shareData();
      // this.handleShare();
    }
    this.configWeiXin1();
  },
  onLoad(options) {
    let token = uni.getStorageSync("token");
    this.id = options.id;
    if (options.isShare == 1) {
      this.isShare = options.isShare;
    }
    if (options.isShare == 1 && !token) {
      this.pinglunNum = 0;
      this.zanNum = 0;
    } else {
      // this.tieziDetail(this.id);
      // this.pinlunList();
      this.ifshanchu();
      // this.handleList();
    }
    if (options.type == 2) {
      this.qiehuan2();
      this.gotop();
    }
    if (options.type == 3) {
      this.qiehuan1();
      this.gotop();
    }
    if (options.type == 1) {
      uni.showModal({
        title: "你已成功支付订单",
        content: "请耐心等待商家发货",
        confirmText: "查看订单",
        cancelText: "我已知晓",
        success: (re) => {
          if (re.confirm) {
            uni.navigateTo({
              url: "/pages/webGoods/myOrder",
            });
          }
        },
      });
    }
  },
  onReachBottom() {
    let token = uni.getStorageSync("token");
    if (this.isShare == 1 && !token) {
      return false;
    } else {
      if (this.if_zan) {
        if (this.noMoreData) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom = true;
        this.pageSize = this.pageSize + 10;
        this.handleList();
      } else if (this.if_pinglun) {
        if (this.noMoreData1) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom1 = true;
        this.pageSize1 = this.pageSize1 + 10;
        this.pinlunList();
      }
    }
  },
  onPullDownRefresh() {
    let token = uni.getStorageSync("token");
    if (this.isShare == 1 && !token) {
      uni.stopPullDownRefresh();
      return false;
    } else {
      if (this.if_zan) {
        this.bottom = false;
        this.noMore = false;
        this.pageSize = 10;
        this.noMoreData = false;
        setTimeout(() => {
          this.handleList();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.if_pinglun) {
        this.bottom1 = false;
        this.noMore1 = false;
        this.pageSize1 = 10;
        this.noMoreData1 = false;
        setTimeout(() => {
          this.pinlunList();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      }
    }
  },
  methods: {
    linkShare() {
      //打开链接分享
      this.isLinkShare = true;
    },
    closeLinkShare() {
      this.isLinkShare = false;
    },
    closePoster() {
      if (this.is_shengcheng) {
        return;
      } else {
        document.getElementsByClassName("uni-body")[0].style =
          "overflow-x :hidden";
        this.show_haibao = false;
        this.base64 = "";
      }
    },
    toImg() {
      let that = this;
      // 使页面滑到顶部，避免顶部出现白边
      // uni.pageScrollTo({
      // 	scrollTop: 0,
      // 	duration: 0,
      // });
      var dom = document.getElementById("poster"); // 获取dom元素
      var width = dom.offsetWidth; //dom宽
      this.viewWidth = width;
      var height = dom.offsetHeight; //dom高
      this.viewHeight = height;
      html2canvas(dom, {
        dpi: window.devicePixelRatio * 4,
        scale: 3.171, // 缩放倍数
        width: width, //dom 原始宽度
        height: height,
        scrollY: 0, // html2canvas默认绘制视图内的页面，需要把scrollY，scrollX设置为0
        scrollX: 0,
        useCORS: true, //支持跨域，但好像没什么用
        async: false, //是否异步解析和呈现元素
      }).then((canvas) => {
        // 将生产的canvas转为base64图片
        that.base64 = canvas.toDataURL("img/png", 1.0);
      });
      setTimeout(() => {
        uni.hideLoading();
        this.is_shengcheng = false;
      }, 500);
    },
    photoShare() {
      let that = this;
      this.isFen = false;
      this.show_haibao = true;
      this.is_shengcheng = true;
      document.getElementsByClassName("uni-body")[0].style.overflow = "hidden";
      setTimeout(() => {
        uni.showLoading({
          title: "海报生成中...",
        });
      }, 200);
      // if(this.imgLength == 1 && this.videos.length == 0){
      //  var timer = setInterval(() => {
      //      if (document.getElementById("img").complete) {
      //        //判断最后一个图像是不是加载完毕
      //        clearInterval(timer);
      //        setTimeout(() => {
      //          that.toImg();
      //        }, 1500);
      //      }
      //  }, 50);
      // }else{
      //  setTimeout(() => {
      //    that.toImg();
      //  }, 1500);
      // }
      setTimeout(() => {
        that.toImg();
      }, 1500);
    },
    qiehuan1() {
      this.bottom = false;
      this.if_pinglun = true;
      this.if_zan = false;
    },
    qiehuan2() {
      this.bottom = false;
      this.if_pinglun = false;
      this.if_zan = true;
    },
    gotop() {
      setTimeout(() => {
        uni
          .createSelectorQuery()
          .select(".all_commt")
          .boundingClientRect(function (res) {
            uni.pageScrollTo({
              scrollTop: res.top,
              duration: 300,
            });
          })
          .exec();
      }, 500);
    },
    clickPinlun() {
      this.qiehuan1();
      this.gotop();
    },
    closeShare() {
      this.isFen = false;
    },
    openFile(url) {
      window.open(url);
      // uni.downloadFile({
      // 	url: url,
      // 	success: function (res) {
      // 		var filePath = res.tempFilePath;
      // 		uni.openDocument({
      // 			filePath: filePath,
      // 			success: function (res) {
      // 				console.log('打开文档成功');
      // 			}
      // 		});
      // 	},
      // });
    },
    handleList() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        //点赞的人
        if (!token) {
          uni.showToast({
            title: "请授权登录再操作！",
            duration: 2000,
            icon: "none",
          });

          setTimeout(() => {
            uni.navigateTo({
              url: "/pages/index/index",
            });
          }, 2000);
        } else {
          request({
            url: "h5/appUserThumbs/thumbsList",
            method: "POST",
            header: {
              "Content-Type": "application/json",
              "api-client": "72e0fee8172411ea995200163e05ff66",
              "api-version": this.globalData.apiVersion,
              "Source-Type": 7,
              token: token,
            },
            data: {
              name: "",
              thumbsId: this.id,
              pageNumber: 1,
              pageSize: this.pageSize,
            },
          }).then((res) => {
            if (res.data.code == 200) {
              this.renList = res.data.data.rows;
              this.total = res.data.data.total;
              if (res.data.data.total == 0) {
                uni.hideLoading();
                return false;
              }
              if (
                this.bottom &&
                this.renList.length >= res.data.data.total &&
                !this.noMore
              ) {
                uni.hideLoading();
                uni.showToast({
                  title: "加载完成",
                  duration: 1000,
                  icon: "none",
                });
                this.noMore = true;
                return false;
              }
              if (
                this.renList.length >= res.data.data.total &&
                this.bottom &&
                !this.noMoreData
              ) {
                uni.hideLoading();
                uni.showToast({
                  title: "没有更多数据了",
                  duration: 1000,
                  icon: "none",
                });
                this.noMoreData = true;
              } else if (
                this.renList.length < res.data.data.total &&
                this.bottom &&
                this.renList.length != 0
              ) {
                uni.hideLoading();
                uni.showToast({
                  title: "加载完成",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else {
              uni.showToast({
                title: res.data.msg,
                duration: 2000,
                icon: "none",
              });
            }
          });
        }
      }
    },
    configWeiXin1() {
      //获取公众号配置
      request({
        //获取appid
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
        },
        data: {
          url: window.location.href.split("#")[0], //后台通过域名进行授权
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          //获取成功
          jweixin.config({
            debug: false, // 开启调试模式，发布的时候改为false
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"], // 必填，需要使用的JS接口列表
            openTagList: ["wx-open-launch-app"],
          });
          jweixin.ready(function () {});
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });

      if (this.openApp.iswx == "wx" && this.openApp.phone == "Android") {
        this.extinfoid = `yqlw://yilaiwang.com/openDetail?jumpType=18&serviceId=''&type=1&orgId=''&content=''`;
        this.activeExtinfoid = `yqlw://yilaiwang.com/openDetail?jumpType=0&serviceId=${this.tieziData.activityId}&type=''&orgId=''&content=''`;
      }
    },
    //jdk配置
    configWeiXin() {
      let _this = this;
      //获取公众号配置
      request({
        //获取appid
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
        },
        data: {
          url: window.location.href.split("#")[0], //后台通过域名进行授权
        },
      }).then((res) => {
        var jsApiList = [
          "onMenuShareAppMessage",
          "onMenuShareTimeline",
          "updateAppMessageShareData",
          "updateTimelineShareData",
          "hideOptionMenu",
          "showOptionMenu",
        ];
        if (res.statusCode == 200) {
          //获取成功
          jweixin.config({
            debug: false, // 开启调试模式，发布的时候改为false
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名
            jsApiList: jsApiList, // 必填，需要使用的JS接口列表
          });
          jweixin.ready(function () {
            //配置成功
            _this.wxJsdkAuthorize(res.data.appId); //调用公众号-授权
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    //公众号授权
    wxJsdkAuthorize(_appid) {
      //授权时会跳到微信的页面，然后会自动调回来带着一个code
      let link = window.location.href;
      let _code = "";
      if (link.includes("code=")) {
        _code = link.split("code=")[1].split("&")[0];
      }
      // 如果拿到_code，传到后台
      if (_code) {
        request({
          url: "h5/login/getOpenIdV2", //拿oponid h5/loginapptoken/getOpenId(老版)
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
          },
          data: {
            code: _code,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (res.data.data.isLogin == false) {
              // uni.navigateTo({
              // 	url: "/pages/index/verifyPhone?openId=" +
              // 		res.data.data.openId +
              // 		"&accessToken=" +
              // 		res.data.data.accessToken,
              // });
            } else {
              uni.setStorageSync("token", res.data.data.token); //缓存token'
              uni.setStorageSync("personal", res.data.data);
              this.encryptUserId = uni.getStorageSync("personal").encryptUserId; //拿本地用户id
              this.tieziDetail(this.id);
              this.pinlunList();
              uni.showToast({
                title: "登录成功",
                duration: 1500,
                icon: "none",
              });
            }
          } else {
            // uni.showToast({
            //   title: "微信授权失效，请关闭重试",
            //   duration: 2000,
            //   icon: "none",
            // });
          }
        });
      } else {
        let appid = _appid;
        let uri = encodeURIComponent(link);
        let authURL = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${uri}&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect`;
        window.location.href = authURL;
      }
    },
    // 圈子基本信息
    qzData(id) {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        const that = this;
        this.request({
          url: "h5/orgCircle/friendsHomeInfo",
          method: "POST",
          header: {
            "content-type": "application/json;charset=UTF-8",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            orgId: id,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            that.qzDataList = res.data.data;
            if (res.data.data.isOrg != 3) {
              that.is_qzcy = 1;
            } else {
              that.is_qzcy = 0;
            }
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    toApp() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        this.openApp.toApps(18, "", 1, "", "");
      }
    },
    goQz() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        if (
          this.qzDataList.isOrg == 3 ||
          this.qzDataList.isUserFriendsPay == 1
        ) {
          uni.navigateTo({
            url: "/pages/circle/Introduce?id=" + this.tieziData.orgId,
          });
        } else {
          uni.navigateTo({
            url: "/pages/circle/index?id=" + this.tieziData.orgId,
          });
        }
      }
    },
    queRen() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        window.history.go(-1);
      }
    },
    toCard(id) {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        uni.navigateTo({
          url: "/pages/index/personal?id=" + id,
        });
      }
    },
    todetail(item) {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        if (this.is_qzcy) {
          if (this.isShare == 1) {
            uni.navigateTo({
              url:
                "/pages/index/replyComment?id=" +
                this.id +
                "&index=" +
                item +
                "&isSelf=" +
                this.tieziData.isSelf +
                "&isShare=1",
            });
          } else {
            uni.navigateTo({
              url:
                "/pages/index/replyComment?id=" +
                this.id +
                "&index=" +
                item +
                "&isSelf=" +
                this.tieziData.isSelf,
            });
          }
        } else {
          uni.navigateTo({
            url: "/pages/circle/Introduce?id=" + this.qzDataList.id,
          });
        }
      }
    },
    goumai() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        // window.location.href = this.tieziData.goodsInfo.storeLinks;
        // 是否创建人 0 否 1 是
        if (this.tieziData.isSelf == 1) {
          uni.showModal({
            title: "前往APP",
            content: "即将离开微信，打开“一起来往”查看我的商品列表",
            confirmText: "允许",
            success: (res) => {
              if (res.confirm) {
                uni.hideLoading();
                uni.showLoading({
                  title: "加载中，请稍等~",
                });
                setTimeout(function () {
                  uni.hideLoading();
                }, 3000);
                var url = window.location.href.split("&code")[0];
                window.history.pushState({}, 0, url);
                this.openApp.toApps(18, "", 1, "", "");
              }
            },
          });
        } else {
          uni.navigateTo({
            url:
              "/pages/webGoods/payConfirmation?id=" +
              this.tieziData.goodsInfo.id +
              "&tieziId=" +
              this.id,
          });
        }
      }
    },
    ifshanchu() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        // uni.showToast({
        //   title: "正在授权登录，请稍等",
        //   duration: 1000,
        //   icon: "none",
        // });
        // this.configWeiXin(); //掉授权
      } else {
        let token = uni.getStorageSync("token");
        const that = this;
        if (!token) {
          uni.showToast({
            title: "请授权登录再操作！",
            duration: 2000,
            icon: "none",
          });
          setTimeout(() => {
            uni.navigateTo({
              url: "/pages/index/index",
            });
          }, 2000);
        } else {
          request({
            url: "h5/goods/getPostResult",
            method: "POST",
            header: {
              "content-type": "application/json;charset=UTF-8",
              "api-client": "72e0fee8172411ea995200163e05ff66",
              "api-version": this.globalData.apiVersion,
              "Source-Type": 7,
              token: token,
            },
            data: {
              id: that.id,
            },
          }).then((res) => {
            if (res.data.code == 200) {
              if (res.data.data.flag == 1) {
                uni.showToast({
                  title: "该帖子已删除",
                  duration: 2000,
                  icon: "none",
                });
                if (that.isShare == 1) {
                  setTimeout(() => {
                    uni.redirectTo({
                      url: "/pages/index/index",
                    });
                  }, 1500);
                } else {
                  setTimeout(() => {
                    uni.navigateBack({
                      delta: 1,
                    });
                  }, 1500);
                }
              }
            } else if (res.data.code == 401) {
            } else {
              uni.showToast({
                title: res.data.msg,
                duration: 2000,
                icon: "none",
              });
            }
          });
        }
      }
    },
    xiepinlun() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        if (this.is_qzcy === 0) {
          return false;
        }
        uni.navigateTo({
          url: "/pages/index/writeComment?id=" + this.tieziData.id,
        });
      }
    },
    //无token
    shareData() {
      let that = this;
      request({
        url: "h5/org/h5PostInfo",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
        },
        data: {
          id: that.id,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.tieziData = res.data.data;
          that.shareContent = res.data.data.content;
          that.contentNew = res.data.data.content.trim();
          that.content = res.data.data.content.replace(/ /g, "&nbsp");
          that.content = res.data.data.content.replace(/\n/g, "<br>");
          if (res.data.data.isBlock == 1) {
            that.is_Block = true;
          }
          that.handleShare(); //分享功能
          if (res.data.data.thumbsList.length > 10) {
            that.dianzanPhoto = res.data.data.thumbsList.slice(0, 10);
          } else {
            that.dianzanPhoto = res.data.data.thumbsList;
          }
          that.imgs = res.data.data.imgCollection.filter((v) => {
            return v.fileType == 1;
          });
          that.videos = res.data.data.imgCollection.filter((v) => {
            return v.fileType == 3;
          });
          that.imgLength = that.imgs.length;
          that.zongLength = res.data.data.imgCollection.length;
          if (res.data.data.act.id == "" || res.data.data.act.id == undefined) {
            that.activity = false;
          } else {
            that.activity = true;
          }
          if (
            res.data.data.goodsInfo.id == "" ||
            res.data.data.goodsInfo.id == undefined
          ) {
            that.goods = false;
          } else {
            that.goods = true;
          }
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    pinlunList() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
      } else {
        let token = uni.getStorageSync("token");
        const that = this;
        if (!token) {
          uni.showToast({
            title: "请授权登录再操作！",
            duration: 2000,
            icon: "none",
          });
          setTimeout(() => {
            uni.navigateTo({
              url: "/pages/index/index",
            });
          }, 2000);
        } else {
          request({
            url: "h5/orgMessage/infoComments?uid=",
            method: "POST",
            header: {
              "content-type": "application/json;charset=UTF-8",
              "api-client": "72e0fee8172411ea995200163e05ff66",
              "api-version": this.globalData.apiVersion,
              "Source-Type": 7,
              token: token,
            },
            data: {
              messageId: this.id,
              pageNumber: 1,
              pageSize: this.pageSize1,
            },
          }).then((res) => {
            if (res.data.code == 200) {
              this.plList = res.data.data.rows;
              let total = this.plList.length;
              if (res.data.data.total == 0) {
                uni.hideLoading();
                return false;
              }
              if (
                this.bottom1 &&
                this.plList.length >= total &&
                !this.noMore1
              ) {
                uni.hideLoading();
                uni.showToast({
                  title: "加载完成",
                  duration: 1000,
                  icon: "none",
                });
                this.noMore1 = true;
                return false;
              }
              if (
                this.plList.length >= total &&
                this.bottom1 &&
                !this.noMoreData1
              ) {
                uni.hideLoading();
                uni.showToast({
                  title: "没有更多数据了",
                  duration: 1000,
                  icon: "none",
                });
                this.noMoreData1 = true;
              } else if (
                this.plList.length < total &&
                this.bottom1 &&
                this.plList.length != 0
              ) {
                uni.hideLoading();
                uni.showToast({
                  title: "加载完成",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else if (res.data.code == 401) {
            } else {
              uni.showToast({
                title: res.data.msg,
                duration: 2000,
                icon: "none",
              });
            }
          });
        }
      }
    },
    //请求帖子详情数据
    tieziDetail(id) {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        let token = uni.getStorageSync("token");
        const that = this;
        if (!token) {
          uni.showToast({
            title: "请授权登录再操作！",
            duration: 2000,
            icon: "none",
          });
          setTimeout(() => {
            uni.navigateTo({
              url: "/pages/index/index",
            });
          }, 2000);
        } else {
          request({
            url: "h5/orgMessage/postInfo",
            method: "POST",
            header: {
              "content-type": "application/json;charset=UTF-8",
              "api-client": "72e0fee8172411ea995200163e05ff66",
              "api-version": this.globalData.apiVersion,
              "Source-Type": 7,
              token: token,
            },
            data: {
              id: id,
            },
          }).then((res) => {
            if (res.data.code == 200) {
              that.tieziData = res.data.data;
              that.pinglunNum = res.data.data.commentsCount;
              that.zanNum = res.data.data.thumbsCount;
              that.shareContent = res.data.data.content;
              that.contentNew = res.data.data.content.trim();
              that.content = res.data.data.content.replace(/ /g, "&nbsp");
              that.content = res.data.data.content.replace(/\n/g, "<br>");
              // that.content = res.data.data.content.replace(/\s/g,"&nbsp;");
              uni.hideLoading();
              if (res.data.data.isBlock == 1) {
                that.is_Block = true;
              }
              that.qzData(res.data.data.orgId);
              that.handleShare(); //分享功能
              if (res.data.data.thumbsList.length > 10) {
                that.dianzanPhoto = res.data.data.thumbsList.slice(0, 10);
              } else {
                that.dianzanPhoto = res.data.data.thumbsList;
              }
              // that.imgLength = res.data.data.imgCollection.length
              that.imgs = res.data.data.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              that.videos = res.data.data.imgCollection.filter((v) => {
                return v.fileType == 3;
              });
              that.imgLength = that.imgs.length;
              that.zongLength = res.data.data.imgCollection.length;
              if (
                res.data.data.act.id == "" ||
                res.data.data.act.id == undefined
              ) {
                that.activity = false;
              } else {
                that.activity = true;
              }
              if (
                res.data.data.goodsInfo.id == "" ||
                res.data.data.goodsInfo.id == undefined
              ) {
                that.goods = false;
              } else {
                that.goods = true;
              }
            } else if (res.data.code == 401) {
              that.shareData();
              uni.removeStorageSync("token");
              that.configWeiXin(); //掉授权
            } else {
              uni.showToast({
                title: res.data.msg,
                duration: 2000,
                icon: "none",
              });
            }
          });
        }
      }
    },
    handleLookZhe() {
      this.zhe_zhao = true;
    },
    handleCloseZhe() {
      this.zhe_zhao = false;
    },
    handleTui() {
      if (this.isShare == 1) {
        uni.navigateTo({
          url: "/pages/index/index",
        });
      } else {
        window.history.go(-1);
      }
    },
    closeFX_mask() {
      this.FX_mask = false;
    },
    lookFX_mask() {
      let token = uni.getStorageSync("token");
      if (!token) {
        uni.showToast({
          title: "请授权后在操作!",
          duration: 1000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 1500);
      } else {
        this.isFen = true;
        this.handleShare();
      }
    },
    handleBtn(type) {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        //点击参加活动
        uni.showModal({
          title: "前往APP",
          content: "即将离开微信，打开“一起来往”查看活动详情",
          confirmText: "允许",
          success: (res) => {
            if (res.confirm) {
              uni.hideLoading();
              uni.showLoading({
                title: "加载中，请稍等~",
              });
              setTimeout(function () {
                uni.hideLoading();
              }, 3000);
              var url = window.location.href.split("&code")[0];
              window.history.pushState({}, 0, url);
              this.openApp.toApps(0, this.tieziData.activityId, "", "", "");
            }
          },
        });
      }
    },
    quMask() {
      this.is_mask = false;
      this.is_Block = false;
    },
    pinlunImgDa(img, index) {
      uni.previewImage({
        urls: img,
        current: index,
        loop: true,
      });
    },
    imgsDa(imgs, index) {
      //点击图片放大
      let arrImg = [];
      imgs.forEach((v) => {
        arrImg.push(v.fileUrl);
      });
      uni.previewImage({
        urls: arrImg,
        current: index,
        loop: true,
      });
    },
    handleLike(id, index, item) {
      this.bottom = false;
      this.bottom1 = false;
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        //帖子点赞
        let that = this;
        let token = uni.getStorageSync("token");
        if (!token) {
          uni.showToast({
            title: "请授权登录再操作！",
            duration: 2000,
            icon: "none",
          });
          setTimeout(() => {
            uni.navigateTo({
              url: "/pages/index/index",
            });
          }, 2000);
        } else {
          request({
            url: "h5/appUserThumbs/thumbs",
            method: "POST",
            header: {
              "Content-Type": "application/json",
              "api-client": "72e0fee8172411ea995200163e05ff66",
              "api-version": this.globalData.apiVersion,
              "Source-Type": 7,
              token: token,
            },
            data: {
              thumbsId: id,
              type: 13,
              status: index,
            },
          }).then((res) => {
            if (res.data.code == 200) {
              that.handleList();
              that.tieziDetail(that.id);
              that.qiehuan2();
              that.gotop();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 2000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 2000,
                  icon: "none",
                });
              }
            } else {
              uni.showToast({
                title: res.data.msg,
                duration: 2000,
                icon: "none",
              });
            }
          });
        }
      }
    },
    handleDelete() {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        //删除帖子
        uni.showModal({
          title: "提示",
          content: "是否确定删除该条帖子",
          confirmColor: "#000000",
          cancelColor: "#007aff",
          cancelText: "再想想",
          success: (e) => {
            if (e.confirm) {
              let token = uni.getStorageSync("token");
              if (!token) {
                uni.showToast({
                  title: "请授权登录再操作！",
                  duration: 2000,
                  icon: "none",
                });
                setTimeout(() => {
                  uni.navigateTo({
                    url: "/pages/index/index",
                  });
                }, 2000);
              } else {
                request({
                  url: "h5/orgMessage/orgDeleteAct?uid=",
                  method: "post",
                  header: {
                    "Content-Type": "application/json",
                    "api-client": "72e0fee8172411ea995200163e05ff66",
                    "api-version": this.globalData.apiVersion,
                    "Source-Type": 7,
                    token: token,
                  },
                  data: {
                    relationId: this.tieziData.id,
                    type: 13,
                    orgId: this.tieziData.circleId,
                  },
                }).then((res) => {
                  if (res.data.code == 200) {
                    uni.showToast({
                      title: "删除成功",
                      duration: 1000,
                      icon: "none",
                    });
                    setTimeout(function () {
                      uni.navigateBack({
                        delta: 1,
                      });
                    }, 1500);
                  } else {
                    uni.showToast({
                      title: res.data.msg,
                      duration: 2000,
                      icon: "none",
                    });
                  }
                });
              }
            }
          },
        });
      }
    },
    // 删除评论
    pinlunShanchu(messageId, id) {
      let token = uni.getStorageSync("token");
      if (this.isShare == 1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        uni.showModal({
          title: "提示",
          content: "是否确定删除该条评论",
          confirmColor: "#000000",
          cancelColor: "#007aff",
          cancelText: "再想想",
          success: (e) => {
            if (e.confirm) {
              let token = uni.getStorageSync("token");
              const that = this;
              if (!token) {
                uni.showToast({
                  title: "请授权登录再操作！",
                  duration: 2000,
                  icon: "none",
                });
                setTimeout(() => {
                  uni.navigateTo({
                    url: "/pages/index/index",
                  });
                }, 2000);
              } else {
                request({
                  url: "h5/orgMessage/removeComment?uid=",
                  method: "POST",
                  header: {
                    "content-type": "application/json;charset=UTF-8",
                    "api-client": "72e0fee8172411ea995200163e05ff66",
                    "api-version": this.globalData.apiVersion,
                    "Source-Type": 7,
                    token: token,
                  },
                  data: {
                    messageId: messageId,
                    id: id,
                  },
                }).then((res) => {
                  if (res.data.code == 200) {
                    uni.showToast({
                      title: "评论删除成功",
                      duration: 2000,
                      icon: "none",
                    });
                    that.pinlunList();
                    that.tieziDetail(that.id);
                  } else {
                    uni.showToast({
                      title: res.data.msg,
                      duration: 2000,
                      icon: "none",
                    });
                  }
                });
              }
            }
          },
        });
      }
    },
    shareTO() {
      let token = uni.getStorageSync("token");
      request({
        url: "h5/orgCircle/sharePost",
        method: "post",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          postId: this.tieziData.id,
        },
      }).then((res) => {
        if (res.data.code == 200) {
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    handleShare() {
      //分享功能
      let that = this;
      request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: [
              "updateAppMessageShareData",
              "updateTimelineShareData",
              "onMenuShareAppMessage",
              "onMenuShareTimeline",
            ],
          });
          jweixin.ready(function () {
            // 判断封面
            if (that.tieziData.goodsInfo.goodsImg) {
              //空
              var imgP = that.tieziData.goodsInfo.goodsImg;
            } else {
              //视频
              var arr_v = that.tieziData.imgCollection.filter((v) => {
                return v.fileType == 3;
              });
              // 图片
              var arr_v1 = that.tieziData.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              if (arr_v.length != 0) {
                //视频
                var imgP = arr_v[0].firstUrl;
              } else if (arr_v1.length != 0 && arr_v.length == 0) {
                //图片
                var imgP = arr_v1[0].fileUrl;
              } else if (arr_v.length == 0 && arr_v1.length == 0) {
                var imgP = that.tieziData.orgUrl;
                // var imgP = "https://img.yiqilaiwang.com/yqlwlogo.png";
              }
            }
            //判断标题
            var arr_v2 = that.tieziData.imgCollection.filter((v) => {
              return v.fileType == 2;
            });
            if (that.tieziData.content.length >= 30) {
              var teiTitle = that.tieziData.content.substring(0, 30) + "...";
            } else if (
              that.tieziData.content.length > 0 &&
              that.tieziData.content.length < 30
            ) {
              if (arr_v2.length > 0) {
                var teiTitle =
                  that.tieziData.content + " [文件] " + arr_v2[0].fileName;
              } else {
                var teiTitle = that.tieziData.content;
              }
            } else if (
              that.tieziData.content.length == 0 &&
              arr_v2.length > 0
            ) {
              var teiTitle = "[文件] " + arr_v2[0].fileName;
            } else {
              var teiTitle = "我在商业精英人脉圈发布了有趣的图片微帖，来看看吧";
            }
            //判断内容
            // if (that.tieziData.content.indexOf("\n") != -1) {
            //   var tieContent = that.shareContent.substring(
            //     that.shareContent.lastIndexOf("\n") + 1
            //   );
            // } else if (that.tieziData.content == "") {
            //   var tieContent = "";
            // } else {
            //   var tieContent = that.tieziData.content;
            // }
            var tieContent =
              that.tieziData.userName + "发布了一条微帖，邀请你来看";
            var urlLink =
              that.globalData.domain +
              "/pages/index/trickDetail?id=" +
              that.id +
              "&isShare=1";

            if (jweixin.updateAppMessageShareData) {
              //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
              jweixin.updateAppMessageShareData({
                title: teiTitle, //分享标题
                desc: tieContent, // 分享描述
                link: urlLink, //分享链接
                imgUrl: imgP, //分享图标
                success: function (res) {
                  if (that.isFen && that.stopShare) {
                    that.shareTO();
                    that.stopShare = false;
                  }
                },
              });
              jweixin.updateTimelineShareData({
                title: teiTitle, //分享标题
                desc: tieContent, // 分享描述
                link: urlLink, //分享链接
                imgUrl: imgP, //分享图标
                success: function (res) {
                  // that.shareTO()
                },
              });
            } else {
              jweixin.onMenuShareAppMessage({
                title: teiTitle, //分享标题
                desc: tieContent, // 分享描述
                link: urlLink, //分享链接
                imgUrl: imgP, //分享图标
                success: function (res) {
                  // that.shareTO()
                },
              });
              jweixin.onMenuShareTimeline({
                title: teiTitle, //分享标题
                desc: tieContent, // 分享描述
                link: urlLink, //分享链接
                imgUrl: imgP, //分享图标
                success: function (res) {
                  // that.shareTO()
                },
              });
            }
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
  },
};
</script>

<style lang="less" scoped>
.main {
  padding-bottom: 100rpx;
}
.haibaozhezhao {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  .popup {
    width: 678rpx;
    // height: 800rpx;
    margin-top: 100rpx;
    margin-left: 36rpx;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 80rpx;
  }
  .gb {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 0;
    top: -64rpx;
  }
  .haibao {
    width: 678rpx;
    // height: 893rpx;
    // border: 2px solid rgba(255,255,255,0.13);
    background-color: null;
    box-sizing: border-box;
    position: relative;
    .type {
      width: 61rpx;
      height: 99rpx;
      position: absolute;
      top: 0;
      right: 22rpx;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .header {
      width: 100%;
      padding: 43rpx 0;
      padding-right: 83rpx;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      img {
        width: 43rpx;
        height: 43rpx;
        border-radius: 4rpx;
        margin-right: 14rpx;
      }
      text {
        font-size: 25rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
      }
    }
    .content {
      width: 100%;
      // height: 517rpx;
      background-color: #ffffff;
      padding: 36rpx 33rpx;
      box-sizing: border-box;
      .content_top {
        display: flex;
        img {
          width: 80rpx;
          height: 80rpx;
          border-radius: 4rpx;
          margin-right: 18rpx;
        }
        .right {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          .name {
            opacity: 1;
            font-size: 29rpx;
            font-family: PingFangSC, PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            color: #111111;
          }
          .time {
            opacity: 1;
            font-size: 22rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: left;
            color: #999999;
          }
        }
      }
      .text {
        font-size: 29rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        text-align: justify;
        line-height: 43rpx;
        margin: 33rpx 0;
        word-break: normal;
        word-break: break-all;
        word-warp: break-word;
        white-space: pre-wrap;
        letter-spacing: 0.03rem;

        & * {
          text-align: justify !important;
          letter-spacing: 0.03rem !important;
        }

        & *:after {
          content: "";
          width: 100%;
          display: inline-block;
          height: 0;
        }
      }
      .active2 {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        .left {
          display: flex;
          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }
          .huodong {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 280rpx;
            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }
            .time {
              font-size: 22rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
            }
          }
        }
        .right {
          display: flex;
          align-items: center;
          padding-right: 7rpx;
          .gang {
            width: 1rpx;
            height: 23rpx;
            background-color: #bbbbbb;
            margin-right: 25rpx;
          }
          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .shop {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        .left {
          display: flex;
          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }
          .shangpin {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 280rpx;
            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }
            .jiage {
              font-size: 22rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #db361f;
            }
          }
        }
        .right {
          display: flex;
          align-items: center;
          padding-right: 7rpx;
          .gang {
            width: 1rpx;
            height: 23rpx;
            background-color: #bbbbbb;
            margin-right: 25rpx;
          }
          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .sj {
        font-size: 22rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #999999;
        .sj1 {
          margin-right: 20rpx;
        }
      }
      .wj {
        width: 100%;
        height: 126rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        margin-bottom: 20rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        .left {
          height: 127rpx;
          display: flex;
          align-items: center;
          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }
          .name {
            font-size: 25rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 37rpx;
            word-break: break-all;
            word-warp: break-word;
            // display: -webkit-box;
            // -webkit-box-orient: vertical;
            // -webkit-line-clamp: 2;
            // overflow: hidden;
          }
        }
      }
      .content .wj:last-child {
        margin-bottom: 0;
      }
      .weitie {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 12rpx;
        .moreImg {
          width: 180rpx;
          height: 180rpx;
          margin-right: 14rpx;
          margin-bottom: 14rpx;
          position: relative;
          overflow: hidden;
          img {
            min-width: 180rpx;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
          }
        }
        .moreImg:nth-child(3n) {
          margin-right: 0;
        }
        .oneImage {
          width: 100%;
          height: 100%;
        }
        .video {
          position: relative;
          image {
            width: 570rpx;
            height: 340rpx;
          }
          .bofang {
            width: 70rpx;
            height: 70rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -35rpx;
            margin-top: -35rpx;
          }
        }
      }
    }
    .ewm {
      width: 90rpx;
      height: 90rpx;
      margin-top: 43rpx;
      margin-bottom: 14rpx;
      margin-left: 274rpx;
    }
    .bottom {
      font-size: 20rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      color: #8ab8ee;
      line-height: 28rpx;
      .bottom_ {
        margin-top: 3rpx;
      }
    }
  }
  .btn {
    width: 750rpx;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    opacity: 1;
    font-size: 32rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #111111;
    position: fixed;
    bottom: -1rpx;
    left: 0;
    background-color: #ffffff;
  }
}
.text_file {
  width: 100%;
  height: 116rpx;
  background: #f7f7f7;
  border-radius: 4rpx;
  display: flex;
  align-items: center;
  padding: 18rpx;
  margin-bottom: 20rpx;
  box-sizing: border-box;
  image {
    width: 80rpx;
    height: 80rpx;
    margin-right: 20rpx;
  }

  text {
    font-size: 28rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: justify;
    color: #111111;
    line-height: 36rpx;
    max-width: 540rpx;
    word-break: break-all;
    word-warp: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.wd .text_file:last-child {
  margin-bottom: 0;
}
.mask_ {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;

  image {
    width: 570rpx;
    height: 758rpx;
  }

  .text {
    color: #fff;
    width: 100%;
    text-align: center;
    margin-left: -150rpx;
    margin-top: -20rpx;
  }
}

.zheZhao {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;

  .modal {
    position: relative;
    background-color: #fff;
    border-radius: 8rpx;
    width: 520rpx;
    height: 300rpx;
    box-sizing: border-box;
    padding-top: 30rpx;

    .header {
      width: 100%;
      text-align: center;
      font-size: 40rpx;
      font-family: PingFang SC;
      font-weight: bold;
    }

    .text {
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: rgba(49, 49, 49, 1);
      width: 100%;
      text-align: center;
      margin-top: 30rpx;
    }

    .btn_ {
      position: absolute;
      bottom: 0;
      height: 85rpx;
      border-top: 2rpx solid #eee;
      width: 100%;
      display: flex;

      view {
        box-sizing: border-box;
        width: 50%;
        height: 85rpx;
        line-height: 85rpx;
        text-align: center;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.4);

        .right {
          width: 100%;
          height: 100%;
        }
      }

      .left {
        border-right: 2rpx solid #eee;
      }
    }
  }
}

.fenxiang_ {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);

  .footer_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 750rpx;
    height: 200rpx;
    opacity: 1;
    background: #f7f7f7;
    display: flex;
    padding-top: 28rpx;
    justify-content: center;

    // align-items: center;
    .item_ {
      display: flex;
      flex-direction: column;
      align-items: center;

      image {
        width: 100rpx;
        height: auto;
      }

      text {
        font-size: 26rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        // text-align: left;
        color: #111111;
      }
    }

    .item_imgShare {
      padding: 0 112rpx;
    }
  }

  .content_ {
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    border-radius: 8rpx;
    position: absolute;
    top: 30rpx;
    left: 32rpx;
    padding: 46rpx 32rpx;
    padding-right: 56rpx;
    box-sizing: border-box;
    z-index: 99999;
    display: flex;
    justify-content: space-between;

    .left_ {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .one_ {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        // text-align: center;
        color: #000000;
      }

      .two_ {
        font-size: 32rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        // text-align: center;
        color: #999999;
      }
    }

    .right_ {
      height: 69rpx;
      width: 70rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }
}

.win_ZheZhao {
  position: fixed;
  z-index: 999999999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;

  .modal {
    position: relative;
    background-color: #fff;
    border-radius: 8rpx;
    width: 520rpx;
    height: 300rpx;
    box-sizing: border-box;
    padding: 0 25rpx;
    padding-top: 30rpx;

    .header {
      width: 100%;
      text-align: center;
      font-size: 36rpx;
      font-family: PingFang SC;
      font-weight: 500;
    }

    .text {
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: rgba(49, 49, 49, 1);
      width: 100%;
      text-align: center;
      margin-top: 30rpx;
    }

    .btn_ {
      height: 85rpx;
      border-top: 2rpx solid #eee;
      width: 100%;
      display: flex;
      margin-top: 50rpx;

      .left {
        width: 100%;
        height: 85rpx;
        line-height: 85rpx;
        text-align: center;
        font-size: 36rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #999999;
      }

      .right {
        width: 100%;
        height: 85rpx;
        line-height: 85rpx;
        text-align: center;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #2168eb;
      }
    }
  }
}

.lhzheZhao {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;

  .modal {
    position: relative;
    background-color: #fff;
    border-radius: 8rpx;
    width: 520rpx;
    height: 300rpx;
    box-sizing: border-box;
    padding: 0 40rpx;
    padding-top: 30rpx;

    .header {
      width: 100%;
      text-align: center;
      font-size: 40rpx;
      font-family: PingFang SC;
      font-weight: bold;
    }

    .text {
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: rgba(49, 49, 49, 1);
      width: 100%;
      margin-top: 30rpx;
    }

    .btn_ {
      // position: absolute;
      // bottom: 0;
      height: 85rpx;
      border-top: 2rpx solid #eee;
      width: 100%;
      display: flex;
      margin-top: 20rpx;

      .left {
        width: 100%;
        height: 85rpx;
        line-height: 85rpx;
        text-align: center;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #0476fc;
      }
    }
  }
}

.fixation {
  border-top: 2rpx solid #eee;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 750rpx;
  height: 100rpx;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0rpx 1rpx 0px 0px rgba(0, 0, 0, 0.2);
  padding: 12rpx 36rpx;
  display: flex;
  align-items: center;
  z-index: 666;
  box-sizing: border-box;

  .more {
    width: 678rpx;
    height: 80rpx;
    background: #0f6ede;
    border-radius: 8rpx;
    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    color: #ffffff;
  }

  .one {
    // width: 366rpx;
    flex: 1;
    height: 74rpx;
    background: rgba(245, 246, 247, 1);
    border-radius: 8rpx;
    display: flex;
    align-items: center;
    padding-left: 29rpx;
    box-sizing: border-box;

    image {
      width: 26rpx;
      height: 27rpx;
      margin-right: 8rpx;
    }

    text {
      font-size: 26rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }
  }

  .two {
    margin-left: 32rpx;
    height: 74rpx;
    display: flex;
    align-items: center;

    image {
      width: 48rpx;
      height: 48rpx;
      vertical-align: top;
      margin-right: 8rpx;
    }

    text {
      font-size: 24rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #111111;
      margin-top: -16rpx;
    }
  }

  .four {
    margin-left: 64rpx;
    height: 74rpx;
    display: flex;
    align-items: center;

    image {
      width: 48rpx;
      height: 48rpx;
      vertical-align: top;
      margin-right: 8rpx;
    }

    text {
      font-size: 24rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #111111;
      margin-top: -16rpx;
    }
  }

  .three {
    margin-left: 32rpx;
    width: 92rpx;
    height: 46rpx;
    background: #0f6ede;
    border-radius: 8rpx;
    text-align: center;
    line-height: 46rpx;
    box-sizing: border-box;
    font-size: 22rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffffff;
  }
}

.roof {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 25rpx 35rpx;
  border-bottom: 2rpx solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  width: 750rpx;
  box-sizing: border-box;

  .sandian {
    width: 44rpx;
    height: 44rpx;
    margin-right: 2rpx;
  }

  .left {
    width: 40rpx;
    height: 40rpx;

    image {
      width: 40rpx;
      height: 40rpx;
      // margin-right: 12rpx;
      // vertical-align: center;
    }

    // text {
    //   display: inline-block;
    //   position: relative;
    //   top: -3rpx;
    // }
  }

  .center {
    width: 470rpx;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
      width: 44rpx;
      height: 44rpx;
      border-radius: 4rpx;
    }

    text {
      font-size: 36rpx;
      font-family: SourceHanSerifCN-SemiBold, SourceHanSerifCN;
      font-weight: 600;
      color: #111111;
      margin-left: 12rpx;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
  }

  .right {
    margin-top: -30rpx;
    height: 41rpx;
    width: 41rpx;
  }
}

.zhe {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.2);

  .child {
    position: absolute;
    top: 90rpx;
    right: 35rpx;
    width: 180rpx;
    // height: 320rpx;
    background-color: #fff;
    border-radius: 10rpx;
    padding: 0 20rpx;
    box-sizing: border-box;

    .one {
      // height: 25%;
      // line-height: 90rpx;
      padding: 15rpx 0;
      font-size: 28rpx;
      width: 100%;
      text-align: center;
      border-bottom: 2rpx solid #eee;
    }

    .one:last-child {
      border-bottom: none;
    }

    .jiao {
      height: 0;
      width: 0;
      border-bottom: 15rpx solid #fff;
      border-left: 7.5rpx solid transparent;
      border-right: 7.5rpx solid transparent;
      position: absolute;
      right: 16rpx;
      top: -15rpx;
    }
  }
}

.wx_pyq {
  width: 100%;
  height: 144rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 16rpx;

  .pl,
  .dz,
  .pyq,
  .wx {
    width: 158rpx;
    height: 64rpx;
    border: 1rpx solid #cccccc;
    border-radius: 32rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rpx;
    color: #111111;
  }

  .pl {
    image {
      width: 32rpx;
      height: 33rpx;
      margin-right: 16rpx;
    }
  }

  .dz {
    image {
      width: 32rpx;
      height: 32rpx;
      margin-right: 16rpx;
    }
  }

  .dzactive {
    color: #db361f;
  }

  .pyq {
    image {
      width: 36rpx;
      height: 36rpx;
      margin-right: 16rpx;
    }
  }

  .wx {
    image {
      width: 36rpx;
      height: 36rpx;
      margin-right: 16rpx;
    }
  }

  .yinying {
    width: 750rpx;
    height: 16rpx;
    background: #f5f5f5;
    position: absolute;
    left: -32rpx;
    bottom: -16rpx;
  }
}

.content .itemList {
  margin-top: 100rpx;
  padding: 36rpx 36rpx;
  padding-top: 44rpx;
  position: relative;

  .all_commt {
    // margin-top: 20rpx;
    .tab {
      width: 100%;
      display: flex;
      margin-top: 50rpx;
      border-bottom: 1rpx solid #eeeeee;

      .zanzan {
        display: block;
        width: 72rpx;
        text-align: center;
      }

      .pl {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Semibold;
        font-weight: 600;
        color: #999999;
        line-height: 50rpx;
        margin-right: 40rpx;
        // padding-right: 32rpx;
        position: relative;
      }

      .pls {
        font-size: 22rpx;
        font-weight: 500;
        position: absolute;
        top: -4rpx;
        right: 0;
      }

      .zan {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Semibold;
        font-weight: 600;
        color: #999999;
        padding-right: 32rpx;
        position: relative;
      }

      .zans {
        font-size: 22rpx;
        font-weight: 500;
        position: absolute;
        top: -4rpx;
        right: 0;
      }

      .active1 {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Semibold;
        font-weight: 600;
        color: #111111;
        line-height: 50rpx;
        margin-right: 40rpx;
        padding-bottom: 10rpx;
        position: relative;
        box-sizing: border-box;
        border-bottom: 6rpx solid #0f6ede;
      }
    }

    .wu_pinglun {
      width: 100%;
      height: 300rpx;
      text-align: center;
      line-height: 300rpx;
      font-size: 30rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #aeacac;
    }

    .zanRen {
      display: flex;
      justify-content: space-between;
      // align-items: center;
      border-bottom: 1rpx solid #eeeeee;
      padding: 36rpx 0 28rpx 0;

      .zan-left {
        display: flex;

        // align-items: center;
        image {
          width: 70rpx;
          height: 70rpx;
          border-radius: 4rpx;
          margin-right: 22rpx;
        }

        .center {
          height: 70rpx;
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .name {
            font-size: 32rpx;
            font-family: SourceHanSerifCN-SemiBold, SourceHanSerifCN;
            font-weight: 400;
            color: #30629d;
            line-height: 32rpx;
          }

          .company {
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            line-height: 24rpx;
          }
        }
      }

      .zan-right {
        font-size: 24rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #999999;
        line-height: 33rpx;
      }
    }

    .title {
      font-size: 26rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      padding: 25rpx 0;
    }

    .item {
      display: flex;
      position: relative;

      .shanchu {
        position: absolute;
        right: 0;
        top: 0;

        image {
          width: 20rpx;
          height: 26rpx;
        }
      }

      .left {
        flex-shrink: 0;
        width: 80rpx;
        height: 80rpx;
        margin-right: 16rpx;

        image {
          width: 100%;
          height: 100%;
          border-radius: 4rpx;
        }
      }

      .right {
        width: 582rpx;

        .one {
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #30629d;
          margin-bottom: 6rpx;
        }

        .two {
          font-size: 32rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          color: #111111;
          font-weight: 400;
          line-height: 48rpx;
          word-break: break-all;
          word-warp: break-word;
        }

        .imgs {
          display: flex;
          flex-wrap: wrap;
          margin-top: 8rpx;

          image {
            width: 155rpx;
            height: 155rpx;
            border-radius: 5rpx;
            margin-right: 10rpx;
          }
        }

        .time {
          display: flex;
          margin-top: 8rpx;

          .hour {
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            margin-right: 15rpx;

            text {
              display: inline-block;
              font-size: 25rpx;
              margin-left: 10rpx;
              position: relative;
              top: -9rpx;
            }
          }

          .huifu {
            margin-top: 3rpx;
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #111111;
            line-height: 33rpx;
            width: 54rpx;
            height: 30rpx;
            text-align: center;
            border-radius: 12rpx;
          }
        }

        .commit_list {
          width: 100%;
          margin-top: 12rpx;
          background: rgba(248, 248, 250, 1);
          width: 100%;
          padding: 5rpx 17rpx;
          box-sizing: border-box;

          .item {
            font-size: 26rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #30629d;
            line-height: 37rpx;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;

            text {
              margin-right: 8rpx;
            }

            .content {
              color: #333;
            }
          }

          .footer {
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #30629d;
            line-height: 33rpx;

            text {
              display: inline-block;
              width: 16rpx;
              height: 10rpx;
              font-size: 30rpx;
            }
          }
        }
      }
    }
  }

  .reward {
    width: 176rpx;
    height: 64rpx;
    background: #db361f;
    border-radius: 32px;
    margin: 30rpx auto;
    margin-top: 60rpx;
    text-align: center;
    line-height: 64rpx;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #ffffff;
  }

  .rewardList {
    margin-top: -8rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9a9a9a;
    margin-bottom: 80rpx;

    image {
      width: 20rpx;
      height: 25rpx;
      margin-left: 12rpx;
    }
  }

  .zanXian {
    margin-top: 20rpx;
    padding: 12rpx 0;
    display: flex;
    justify-content: space-between;

    .left {
      display: flex;

      image {
        width: 44rpx;
        height: 44rpx;
        border-radius: 50%;
      }
    }

    .right {
      position: relative;

      image {
        width: 35rpx;
        height: 36rpx;
        margin-right: 30rpx;
      }

      text {
        font-size: 22rpx;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 30rpx;
        margin-left: 6rpx;
        position: absolute;
        top: 0;
        right: 0;
      }

      .active {
        color: rgba(33, 104, 235, 1);
        position: absolute;
        top: -15rpx;
        right: 0;
      }
    }
  }
  .shangji {
    margin-top: 40rpx;
    font-size: 24rpx;
    color: #999999;
  }
  .quan_jia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40rpx 0;
    border-top: 1rpx solid #eeeeee;
    border-bottom: 1rpx solid #eeeeee;
    margin-top: 48rpx;

    .left {
      display: flex;
      align-items: center;

      > image {
        width: 80rpx;
        height: 80rpx;
        border-radius: 4rpx;
        margin-right: 16rpx;
        flex-shrink: 0;
      }

      .center {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .one {
          font-size: 34rpx;
          font-family: PingFangSC, PingFangSC-Semibold;
          font-weight: 600;
          color: #111111;
          // line-height: 48rpx;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
        }

        .bot {
          display: flex;

          .two {
            font-size: 22rpx;
            font-family: Source Han Serif SC;
            font-weight: 400;
            color: rgba(136, 136, 136, 1);
            margin-right: 29rpx;
          }
        }
      }
    }

    .right {
      image {
        width: 19rpx;
        height: 32rpx;
      }
    }
  }

  .top {
    display: flex;
    justify-content: space-between;

    > .right {
      margin-top: 3rpx;
      display: flex;

      .jinghua {
        width: 30rpx;
        height: 30rpx;
        border-radius: 8rpx;
        margin-left: 10rpx;
      }

      .zhiding {
        border-radius: 8rpx;
        width: 40rpx;
        height: 28rpx;
      }
    }

    > .left {
      display: flex;

      .one {
        width: 80rpx;
        height: 80rpx;

        margin-right: 20rpx;

        img {
          width: 80rpx;
          height: 80rpx;
          border-radius: 4rpx;
        }
      }

      .two {
        display: flex;
        flex-direction: column;
        height: 80rpx;
        justify-content: space-between;

        .top1 {
          display: flex;
          font-size: 28rpx;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: rgba(51, 51, 51, 1);
          overflow: hidden;
          box-sizing: border-box;

          text {
            display: inline-block;
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(136, 136, 136, 1);
            margin-right: 20rpx;
            // text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
          }

          .name {
            font-size: 32rpx;
            font-family: PingFangSC, PingFangSC-Semibold;
            font-weight: 600;
            color: #111111;
          }
        }

        .bottom1 {
          font-size: 22rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          margin-top: -10rpx;
          color: #999999;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;

          .time {
            margin-right: 17rpx;
          }

          .company {
            margin-right: 17rpx;
          }
        }
      }
    }
  }

  // 省略号
  .text_ {
    width: 678rpx;
    font-size: 34rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 500;
    color: #111111;
    line-height: 48rpx;
    margin: 20rpx 0;
    margin-top: 44rpx;
    position: relative;
    text-align: justify;
    // word-break:normal;word-wrap:break-word;
    // white-space: pre-wrap;
    word-break: normal;
    word-break: break-all;
    word-warp: break-word;
    white-space: pre-wrap;
    letter-spacing: 0.03rem;

    & * {
      text-align: justify !important;
      letter-spacing: 0.03rem !important;
    }

    & *:after {
      content: "";
      width: 100%;
      display: inline-block;
      height: 0;
    }
  }

  // 图片
  .imgs {
    // height: 220rpx;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20rpx;
    // overflow: hidden;

    .moreimg {
      margin-top: 10rpx;

      image {
        // margin-top: 10rpx;
        width: 220rpx;
        height: 220rpx;
        border-radius: 4rpx;
        margin-right: 9rpx;
      }

      image:nth-child(3n) {
        margin-right: 0;
      }
    }

    .myVideo {
      width: 678rpx;
      height: auto;
      margin-top: 48rpx;

      /deep/ .uni-video-container {
        position: relative;
        border-radius: 8rpx;

        .uni-video-video {
          height: auto;
        }
      }

      /deep/ .uni-video-cover {
        background: transparent;
      }

      /deep/ .uni-video-cover-play-button {
        width: 80rpx;
        height: 80rpx;
        background-size: 100%;
        background-repeat: no-repeat;
        cursor: pointer;
        background-image: url(../../images/circle/video.png);
      }

      /deep/ .uni-video-cover-duration {
        display: none;
      }
    }

    .myImage {
      width: 100%;
      margin-top: 48rpx;
      border-radius: 8rpx;
    }
  }

  // 评论列表
  .commit_list {
    margin-top: 12rpx;
    background: rgba(248, 248, 250, 1);
    width: 100%;
    padding: 0 17rpx;
    box-sizing: border-box;

    .item {
      font-size: 26rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333ff;
      line-height: 37rpx;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;

      text {
        color: rgba(80, 113, 173, 1);
        margin-right: 8rpx;
      }
    }

    .footer {
      font-size: 24rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #30629d;
      line-height: 33rpx;

      text {
        display: inline-block;
        width: 16rpx;
        height: 10rpx;
        font-size: 30rpx;
      }
    }
  }
}

.active {
  width: 100%;
  height: 116rpx;
  padding: 18rpx;
  background: #f7f7f7;
  border-radius: 4rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  // .card {
  //   width: 100%;
  //   height: 262rpx;
  //   position: relative;
  //   margin-bottom: 20rpx;

  //   .datu {
  //     width: 100%;
  //     height: 262rpx;
  //     border-radius: 8rpx;
  //   }
  // }

  // .content {
  //   width: 100%;
  //   display: flex;
  //   justify-content: space-between;
  //   align-items: center;

  //   .text {
  //     width: 100%;
  //     color: #ffffff;
  //     display: flex;
  //     flex-direction: column;
  //     justify-content: center;
  //     box-sizing: border-box;

  //     .title {
  //       font-size: 34rpx;
  //       font-family: SourceHanSerifCN-Medium, SourceHanSerifCN;
  //       font-weight: 500;
  //       color: #111111;
  //       line-height: 49rpx;
  //     }

  //     .message {
  //       display: flex;
  //       align-items: center;
  //       box-sizing: border-box;
  //       margin-top: 5rpx;

  //       text {
  //         font-size: 24rpx;
  //         font-family: PingFangSC-Regular, PingFang SC;
  //         font-weight: 400;
  //         color: #999999;
  //         line-height: 33rpx;
  //       }

  //       .time {
  //         margin-right: 23rpx;
  //       }
  //     }
  //   }

  //   .join {
  //     width: 154rpx;
  //     height: 64rpx;
  //     line-height: 64rpx;
  //     text-align: center;
  //     font-family: PingFangSC-Regular, PingFang SC;
  //     font-size: 28rpx;
  //     font-weight: 400;
  //     color: #ffffff;
  //     background: #db361f;
  //     border-radius: 32rpx;
  //   }
  // }
  .anzhuo {
    width: 100%;
    height: 116rpx;
    position: absolute;
    top: 0;
    left: 0;
  }
  .act_left {
    display: flex;
    image {
      width: 80rpx;
      height: 80rpx;
      margin-right: 14rpx;
    }
    .text {
      max-width: 410rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .title {
        max-width: 410rpx;
        font-size: 28rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
      .time {
        font-size: 24rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #999999;
      }
    }
  }
  .act_right {
    display: flex;
    align-items: center;
    .gang {
      width: 2rpx;
      height: 35rpx;
      background-color: #bbbbbb;
    }
    .join {
      margin-right: 10rpx;
      margin-left: 28rpx;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #0f6ede;
    }
  }
}

.goods {
  width: 100%;
  height: 116rpx;
  padding: 18rpx;
  background: #f7f7f7;
  border-radius: 4rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  .anzhuo {
    width: 100%;
    height: 116rpx;
    position: absolute;
    top: 0;
    left: 0;
  }
  .shop_left {
    display: flex;
    image {
      width: 80rpx;
      height: 80rpx;
      margin-right: 14rpx;
    }
    .text {
      max-width: 410rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .title {
        max-width: 410rpx;
        font-size: 28rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
      .jiage {
        .xianjia {
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: justify;
          color: #db361f;
          margin-right: 14rpx;
        }
        del {
          font-size: 24rpx;
          color: #999999;
        }
      }
    }
  }
  .shop_right {
    display: flex;
    align-items: center;
    .gang {
      width: 2rpx;
      height: 35rpx;
      background-color: #bbbbbb;
    }
    .buy {
      margin-right: 10rpx;
      margin-left: 28rpx;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #0f6ede;
    }
  }
  // .card {
  //   width: 100%;
  //   height: 180rpx;
  //   display: flex;
  //   align-items: center;

  //   .datu {
  //     width: 180rpx;
  //     height: 180rpx;
  //     border-radius: 4rpx;
  //   }

  //   .text {
  //     height: 180rpx;
  //     color: #ffffff;
  //     display: flex;
  //     flex: 1;
  //     flex-direction: column;
  //     justify-content: center;
  //     box-sizing: border-box;
  //     margin-left: 20rpx;

  //     .title {
  //       font-size: 34rpx;
  //       font-family: SourceHanSerifCN-Medium, SourceHanSerifCN;
  //       font-weight: 500;
  //       color: #111111;
  //       line-height: 49rpx;
  //     }

  //     .message {
  //       display: flex;
  //       align-items: center;
  //       margin-top: 4rpx;
  //       box-sizing: border-box;
  //       font-size: 24rpx;
  //       font-family: PingFangSC-Regular, PingFang SC;
  //       font-weight: 400;
  //       color: #999999;
  //       line-height: 33rpx;
  //       margin-bottom: 22rpx;
  //     }

  //     .price {
  //       display: flex;
  //       justify-content: space-between;
  //       align-items: center;

  //       .jiage {
  //         display: flex;
  //         flex-direction: column;

  //         s {
  //           font-size: 24rpx;
  //           font-family: PingFangSC-Regular, PingFang SC;
  //           font-weight: 400;
  //           color: #999999;
  //           line-height: 33rpx;
  //         }

  //         text {
  //           font-size: 34rpx;
  //           font-family: PingFangSC-Semibold, PingFang SC;
  //           font-weight: 600;
  //           color: #f24646;
  //           line-height: 48rpx;
  //         }
  //       }

  //       .buy {
  //         padding: 0 35rpx;
  //         height: 64rpx;
  //         line-height: 64rpx;
  //         text-align: center;
  //         font-family: PingFangSC-Regular, PingFang SC;
  //         font-size: 28rpx;
  //         font-weight: 400;
  //         color: #ffffff;
  //         background: #db361f;
  //         border-radius: 32rpx;
  //       }
  //     }
  //   }
  // }
}
</style>
